﻿<div class="content-wrap research-listings">
    <div sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/PageMenu.html" navigation-menu-sitemap="SITE" navigation-menu-startnodelevel="2"></div>
    <div class="content">
        <div class="content-pad">
            <!--<div class="page-title">Company Research</div>-->
            <div class="left-content">
                <!--<div style="line-height: 11px;">&nbsp;</div>-->
                <!--<input type="button" value="Download" class="btn-green">-->
                <!--<input type="button" value="Add To Portfolio" class="btn-green">-->
            </div>
            <div class="right-content">


                <div class="clear">&nbsp;</div>
                <!--<ul class="greyTabs level_pi">
                    <li class="active">
                        <a href="">Product Involvement Screening</a>
                    </li>
                    <li class="disabled">
                        <a href="">Sanctions Screening</a>
                    </li>
                    <li class="disabled">
                        <a href="">Faith Based Screening</a>
                    </li>
                </ul>-->
                <div class="clear">&nbsp;</div>
            </div>
            <div class="clear">&nbsp;</div><br />
            <div class="table" style="table-layout: fixed;">
                <div class="table-row">
                    <div class="table-head width_200"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('CompanyNameLowerCase');" ng-class="assessmentsList.orderByCol === 'CompanyNameLowerCase' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Company Name</a></div>
                    <div class="table-head width_60 center-align"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('Exchange');" ng-class="assessmentsList.orderByCol === 'Exchange' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Exchange</a></div>
                    <div class="table-head width_60 center-align"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('Ticker');" ng-class="assessmentsList.orderByCol === 'Ticker' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Ticker</a></div>
                    <!--<div class="table-head width_130"><a href="" ng-click="assessmentsList.setOrderByCol('Country');" ng-class="assessmentsList.orderByCol === 'Country' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Country</a></div>-->
                    <div class="table-head width_90"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('PeerGroupName');" ng-class="assessmentsList.orderByCol === 'PeerGroupName' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Industry</a></div>
                    <div class="table-head width_110"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('IndicatorSymbolDescription');" ng-class="assessmentsList.orderByCol === 'indicatorSymbolDescription' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">PI Indicator</a></div>
                    <div class="table-head width_190" style="padding-right: 10px;"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('CategoryOfInvolvementDescription');" ng-class="assessmentsList.orderByCol === 'CategoryOfInvolvementDescription' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Category of Involvement</a></div>
                    <div class="table-head width_110 center-align"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('RangeOwnerShip');" ng-class="assessmentsList.orderByCol === 'RangeOwnerShip' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Range/Ownership</a></div>
                </div>
                <div ng-repeat="assessment in assessmentsList.assessmentsList" class="{{$index % 2==1 ? 'table-row odd': 'table-row'}}">
                    <div class="table-cell width_290" ng-class="{'last':$last}" style="border-left: 1px solid #e0e0e0;">
                        <a href="#/research/pi/{{assessment.companyNameSafeUrl}}" style="width:180px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" title="{{assessment.companyName}}">
                            {{assessment.companyName}}
                        </a>
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{assessment.exchange}}
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{assessment.ticker}}
                    </div>
                    <!--<div class="table-cell width_130">
                        {{assessment.country}}
                    </div>-->
                    <div class="table-cell width_90" ng-class="{'last':$last}">
                        {{assessment.peerGroupName}}
                    </div>
                    <div class="table-cell width_110" ng-class="{'last':$last}">
                        <span class="orange-link">{{assessment.indicatorSymbolDescription}}</span>
                    </div>
                    <div class="table-cell width_190" style="padding-right: 10px;" ng-class="{'last':$last}">
                        {{assessment.categoryOfInvolvementDescription}}
                    </div>
                    <div class="table-cell width_110 center-align" ng-class="{'last':$last}">
                        {{assessment.rangeOwnership}}
                    </div>
                </div>
            </div>
            <sustainalytics-pager></sustainalytics-pager>

            <div style="text-align:center;" ng-show="assessmentsList.notIncludedInUserUniverses == true">
                <br />
                <br />
                <span class="title-black-bold">The companies are not included in the account's Product Involvement universes.</span>
            </div>

            <div style="text-align:center;" ng-show="assessmentsList.noEvidenceFoundInIndicatorsOfInterest == true">
                <br />
                <br />
                <span class="title-black-bold">No companies have been found to have significant involvement in any of your Product Involvement indicators.</span>
            </div>

            <div style="text-align:center;" ng-show="assessmentsList.noClaims == true">
                <br />
                <br />
                <span class="title-black-bold">You do not have access to Product Involvement multiple company online report feature.</span>
            </div>

        </div>
    </div>
</div>